<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<script type="text/javascript" src="./js/jquery-3.1.1.min.js"></script>
	<script type="text/javascript" src="./js/main.js"></script>
	<title>仿小米页面</title>
	<link rel="stylesheet" href="./css/mi.css">
</head>
<body>
	<!-- 顶部开始 -->
	<div class="top">
		<div class="top_mid">
			<div class="top_left">
				<a href="">小米商城</a>
				<span>|</span>
				<a href="">MIUI</a>
				<span>|</span>
				<a href="">米聊</a>
				<span>|</span>
				<a href="">游戏</a>
				<span>|</span>
				<a href="">多看阅读</a>
				<span>|</span>
				<a href="">云服务</a>
				<span>|</span>
				<a href="">金融</a>
				<span>|</span>
				<a href="">小米商城移动版</a>
				<span>|</span>
				<a href="">问题反馈</a>
				<span>|</span>
				<a href="">Select Region</a>
				<span>|</span>
			</div>
			<div class="top_right">
				<a href="">登录</a>
				<span>|</span>
				<a href="">注册</a>
				<span>|</span>
				<a href="">消息通知</a>
				<span>|</span>
				<a href="" class="car"><i class="xbs-font">&#xe60c;</i>购物车(0)
				<div class="car_son">购物车还没有商品赶紧选购吧</div>
				
				</a>
				<span>|</span>
			</div>
		</div>
	</div>
	<!-- 顶部结束 -->

	<!-- 头部开始 -->
	<div class="header">
			<div class="header_mid">
				<div class="mid_left">
					<a href=""><img src="./imge/logo.png" alt="logo"></a>
				</div>
				<div class="mid_mid">
					<a href="" class="nav ni">小米手机</a>
					<a href="" class="nav ni">红米</a>
					<a href="" class="nav ni">平板 · 笔记本</a>
					<a href="" class="nav ni">电视</a>
					<a href="" class="nav ni"> 盒子 · 影音</a>
					<a href="" class="nav ni">路由器</a>
					<a href="" class="nav ni">智能硬件</a>
					<a href="" class="nav">服务</a>
					<a href="" class="nav">社区</a>
				</div>
				<div class="mid_right">
				<input type="text" value="" class="sty" />
				<input type="submit" value="搜索" class="sty2" />
				</div>
			</div>
		<div class="item_show">
			<ul class="item_mid">
				<li class="item_list"><img src="./imge/20170303164921.png" alt=""></li>
				<li class="item_list"><img src="./imge/20170303165206.png" alt=""></li>
				<li class="item_list"><img src="./imge/20170303165325.png" alt=""></li>
				<li class="item_list"><img src="./imge/20170303165417.png" alt=""></li>
				<li class="item_list"><img src="./imge/20170303165448.png" alt=""></li>
				<li class="item_list"><img src="./imge/20170303165515.png" alt=""></li>
				<li class="item_list"><img src="./imge/20170303165543.png" alt=""></li>
			</ul>
		</div>
	</div>
	<!-- 头部结束 -->
	<!-- 主要上半部分开始 -->
	<div class="main">
		<!-- 主体第一块开始 -->
		<div class="box1">
			<div class="box1_left">
				<ul>
					<li class="biao"><a href="">手机 电话卡</a>
						<div class="biao_t"><img src="./imge/20170303170045.png" alt=""></div>
					</li>
					<li class="biao"><a href="">笔记本 平板</a>
						<div class="biao_t"><img src="./imge/20170303170133.png" alt=""></div>
					</li>
					<li class="biao"><a href="">电视 盒子</a>
						<div class="biao_t"><img src="./imge/20170303170222.png" alt=""></div>
					</li>
					<li class="biao"><a href="">路由器 智能硬件</a>
							<div class="biao_t"><img src="./imge/20170304150003.png" alt=""></div>
					</li>
					<li class="biao"><a href="">移动电源 电池 插线板</a>
						<div class="biao_t"><img src="./imge/Q20170304150216.png" alt=""></div>
					</li>
					<li class="biao"><a href="">耳机 音箱</a>

						<div class="biao_t"><img src="./imge/20170304150247.png" alt=""></div>
					</li>
					<li class="biao"><a href="">保护套 贴膜</a>
						<div class="biao_t"><img src="./imge/20170304150321.png" alt=""></div>

					</li>
					<li class="biao"><a href="">线材 支架 存储卡</a>

						<div class="biao_t"><img src="./imge/20170304150354.png" alt=""></div>
					</li>
					<li class="biao"><a href="">箱包 服饰</a>
						<div class="biao_t"><img src="./imge/Q20170304150508.png" alt=""></div>
					</li>
					<li class="biao"><a href="">米兔 生活周边</a>
						<div class="biao_t"><img src="./imge/20170304150532.png" alt=""></div>
					</li>
				</ul>
			</div>
			<div class="box1_right">
			<div>
				<img src="./imge/xmad_14873018230451_owtCT.jpg" alt="图" class="tu">
				<img src="./imge/xmad_14883353222894_xhoPV.jpg" alt="图" class="tu">
				<img src="./imge/8e73ef88-33ba-42a2-a08c-6ef86c2cd9f2.jpg" alt="图" class="tu">
				<img src="./imge/xmad_14884645296895_qpHnU.jpg" alt="图" class="tu">
				<img src="./imge/xmad_14885350556199_WnyhC.jpg" alt="图" class="tu">
				</div>
			<ul class="jj1">
				<li class="jj2"></li>
				<li class="jj2"></li>
				<li class="jj2"></li>
				<li class="jj2"></li>
				<li class="jj2"></li>
			</ul>
			<div class="rr"></div>
			<div class="rr1"></div>
			</div>
		</div>
		<!-- 主体第一块结束 -->
		<!-- 主体第二快开始 -->
		<div class="tuijian">
			<div class="frist">
				<ul>
					<li class="list"><a href=""><ul>
						<li class="xbs-font"></li>
						<li class="zi">选购手机</li>
					</ul></a></li>
					<li class="list"><a href=""><ul>
						<li class="xbs-font"></li>
						<li class="zi">企业团购</li>
					</ul></a></li>
					<li class="list"><a href=""><ul>
						<li class="xbs-font"></li>
						<li class="zi">官翻产品</li>
					</ul></a></li>
					<li class="list"><a href=""><ul>
						<li class="xbs-font"></li>
						<li class="zi">小米移动</li>
					</ul></a></li>
					<li class="list"><a href=""><ul>
						<li class="xbs-font"></li>
						<li class="zi">以旧换新</li>
					</ul></a></li>
					<li class="list"><a href=""><ul>
						<li class="xbs-font"></li>
						<li class="zi">话费充值</li>
					</ul></a></li>
				</ul>	
			</div>
			<div class="three"><img src="./imge/2281c3b6-ffc0-46a5-96d4-c1be059bbd21.jpg" alt="" class="img1"></div>
			<div class="three"><img src="./imge/6fc54145-c419-41c0-9253-a2169fd72ae5.jpg" alt="" class="img2"></div>
			<div class="three"><img src="./imge/xmad_14871524557389_mLCGc.jpg" alt="" class="img3"></div>
		</div>
		<!-- 主体第二快结束 -->
		<!-- 主体第三块开始 -->
		<div class="biaoti">
			<h2>小米明星单品</h2>
			<div class="xx1"><i class="xbs-font"></i></div>
			<div class="xx2"><i class="xbs-font"></i></div>
		</div>
		<!-- 第四块开始 -->
		<div class="start">
		<ul class="start_ul">
			<li class="start_pd"><a href=""><img src="./imge/17fc57e5-e332-4452-bba4-ef341f6e59fd.png" alt=""><span>小米移动电源2</span></a><p>79元</p></li>
			<li class="start_pd"><a href=""><img src="./imge/46efda8b-672a-41a0-8ea9-434b746e5c62.jpg" alt=""><span>小米笔记本</span></a><p>2599元</p></li>
			<li class="start_pd"><a href=""><img src="./imge/74dd9736-f254-4964-a06a-24f0befb21ac.png" alt=""><span>小米电视3s 48英寸</span></a><p>3499元起</p></li>
			<li class="start_pd"><a href=""><img src="./imge/848def18-47d9-4ca0-8822-c2ac61b83779.png" alt=""><span>米家扫地机器人</span></a><p>1699元</p></li>
			<li class="start_pd"><a href=""><img src="./imge/0906bec7-68ad-41e9-9617-fb6550725a85.jpg" alt=""><span>米家 LED 智能台灯</span></a><p>169元</p></li>
			<li class="start_pd"><a href=""><img src="./imge/848def18-47d9-4ca0-8822-c2ac61b83779.png" alt=""><span>米家扫地机器人</span></a><p>1699元</p></li>
			<li class="start_pd"><a href=""><img src="./imge/848def18-47d9-4ca0-8822-c2ac61b83779.png" alt=""><span>米家扫地机器人</span></a><p>1699元</p></li>
			<li class="start_pd"><a href=""><img src="./imge/848def18-47d9-4ca0-8822-c2ac61b83779.png" alt=""><span>米家扫地机器人</span></a><p>1699元</p></li>
			<li class="start_pd"><a href=""><img src="./imge/848def18-47d9-4ca0-8822-c2ac61b83779.png" alt=""><span>米家扫地机器人</span></a><p>1699元</p></li>
			<li class="start_pd"><a href=""><img src="./imge/848def18-47d9-4ca0-8822-c2ac61b83779.png" alt=""><span>米家扫地机器人</span></a><p>1699元</p></li>
		</ul>
		<!-- 第四块结束 -->
		</div>
	</div>
	<!-- 主要上半部分结束 -->
	<!-- 主要下半部分开始 -->
	<div class="footer">
	<!-- 下半部分脚1开始 -->
		<div class="footer1">
			<div class="footer1_header">
				<div class="footer1_left">智能硬件</div>
				<div class="footer1_right"><a href="">查看全部</a></div>
			</div>
			<div class="footer1_mid">
				<div class="footer1_mid_left">
					<a href=""><img src="./imge/T1RHJgBmJv1RXrhCrK.jpg" alt="" ></a>
				</div>
				<div class="footer1_mid_right">
					<ul>
						<li class="product"><a href=""><img src="./imge/pms_1468806372.46368911!220x220.jpg" alt=""><p>米家小白智能摄像机</p></a><i>360° 全景拍摄，1080P 高清摄像</i><span> 399元 </span></li>
						<li class="product"><a href=""><img src="./imge/pms_1478656331.65637548!220x220.jpg" alt=""><p>米兔儿童手表Q</p></a><i>11 重安全设计，五重精准定位</i><span>299元</span></li>
						<li class="product"><a href=""><img src="./imge/pms_1464615180.86261317!220x220.jpg" alt=""><p>米兔智能故事机</p></a><i>微信远程互动，智能语音交互</i><span>199元</span></li>
						<li class="product"><a href=""><img src="./imge/T1OVC_ByY_1RXrhCrK!220x220.jpg" alt=""><p>米家压力IH电饭煲</p></a><i>智能烹饪，灰铸铁粉体涂层内胆</i><span>999元</span></li>
						<li class="product"><a href=""><img src="./imge/pms_1481507050.2285518!220x220.jpg" alt=""><p>小米米家电动滑板车</p></a><i>极简几何设计，1 分钟轻松上手</i><span>1999元</span></li>
						<li class="product"><a href=""><img src="./imge/pms_1478076543.58248227!220x220.jpg" alt=""><p>米兔积木机器人</p></a><i>978个零件，享受挑战双手的乐趣</i><span>499元</span></li>
						<li class="product"><a href=""><img src="./imge/pms_1479182984.26159750!220x220.jpg" alt=""><p>防雾霾口罩</p></a><i>过滤 99.97% PM2.5 颗粒物</i><span>69元</span></li>
						<li class="product"><a href=""><img src="./imge/cbabf443-1ff1-4014-a1bf-06c45476f1e6.png" alt=""><p>米兔定位电话</p></a><i>高清双向通话，五重精准定位</i><span>169元</span></li>
					</ul>
				</div>
			</div>
		</div>
	<!-- 下半部分脚一结束 -->
	<!-- 下半部分脚二开始 -->
		<div class="footer2">
			<div class="footer1_header">
				<div class="footer1_left">搭配</div>
				<div class="footer1_right">
				<a href="">门耳机</a>
				<a href="">音箱</a>
				<a href="">电源</a>
				<a href="">电池存储卡</a></div>
			</div>
			<div class="shang"><ul>
				<li><a href=""><img src="./imge/xmad_14869883170854_GMImK.png" alt="" class="sf"></a></li>
				<li><a href=""><img src="./imge/pms_1478510064.36397738!220x220.jpg" alt=""><p> 小米胶囊耳机</p><span> 69元</span></a></li>
				<li><a href=""><img src="./imge/pms_1482301662.61336109!220x220.jpg" alt=""><p> 小米圈铁耳机Pro</p><span> 149元</span></a>
				<div class="little_box">
					<p>很不错不错不错1111111111111111111111111</p>
					<p>来自xxxxxxxx用户评价</p>
				</div>
				</li>
				<li><a href=""><img src="./imge/T1SkV_BCd_1RXrhCrK!220x220.jpg" alt=""><p>小米随身蓝牙音箱</p><span>69元</span></a></li>
				<li><a href=""><img src="./imge/T1LqYgBCWv1RXrhCrK!220x220.jpg" alt=""><p>小米小钢炮蓝牙音箱2</p><span>129元</span></a>
					<div class="little_box">
					<p>很不错不错不错1111111111111111111111111</p>
					<p>来自xxxxxxxx用户评价</p>
				</div>
				</li>
			</ul></div>
			<div class="xia"><ul>
				<li><a href=""><img src="./imge/21dc127c-77ad-48fb-b7c1-bf382a711221.jpg" alt="" class="xf"></li>
				<li><a href=""><img src="./imge/T1Tfd_BjAv1RXrhCrK!220x220.jpg" alt=""><p>小米圈铁耳机Pro</p><span>149元</span></a>
					<div class="little_box">
					<p>很不错不错不错1111111111111111111111111</p>
					<p>来自xxxxxxxx用户评价</p>
				</div>
				</li>
				<li><a href=""><img src="./imge/T1A.A_BKYT1RXrhCrK!220x220.jpg" alt=""><p>小米随身蓝牙音箱</p><span>69元</span></a></li>
				<li><a href=""><img src="./imge/pms_1481098202.44798045!220x220.jpg" alt=""><p>小米小钢炮蓝牙音箱2</p><span>129元</span></a></li>
				<li class="last1">
				<div class="xia1">
					<div class="xia2"><a href=""><p>小米圈铁耳</p></a><span>99元</span></div>
					<div class="xia3"><a href=""><img src="./imge/T1ycK_BjYv1RXrhCrK.jpg" alt=""></a></div>
				</div>
				<div class="xia1"><a href=""><img src="./imge/LI~89QMOHHN[]1V(MDEJG_K.png" alt=""></a></div>
				</li>
			</ul></div>
		</div>
	<!-- 下半部分脚二结束 -->
	<!-- 下半部分脚三开始 -->
		<div class="footer2">
				<div class="footer1_header">
					<div class="footer1_left">配件</div>
					<div class="footer1_right">
					<a href="">热门</a>
					<a href="">保护套</a>
					<a href="">贴膜</a>
					<a href="">其他配件</a></div>
				</div>
				<div class="shang"><ul>
					<li><a href=""><img src="./imge/xmad_14869883170854_GMImK.png" alt="" class="sf"></a></li>
					<li><a href=""><img src="./imge/pms_1478510064.36397738!220x220.jpg" alt=""><p> 小米胶囊耳机</p><span> 69元</span></a>
						<div class="little_box">
							<p>很不错不错不错1111111111111111111111111</p>
							<p>来自xxxxxxxx用户评价</p>
						</div>

					</li>
					<li><a href=""><img src="./imge/pms_1482301662.61336109!220x220.jpg" alt=""><p> 小米圈铁耳机Pro</p><span> 149元</span></a></li>
					<li><a href=""><img src="./imge/T1SkV_BCd_1RXrhCrK!220x220.jpg" alt=""><p>小米随身蓝牙音箱</p><span>69元</span></a></li>
					<li><a href=""><img src="./imge/T1LqYgBCWv1RXrhCrK!220x220.jpg" alt=""><p>小米小钢炮蓝牙音箱2</p><span>129元</span></a>
						<div class="little_box">
								<p>很不错不错不错1111111111111111111111111</p>
								<p>来自xxxxxxxx用户评价</p>
						</div>

					</li>
				</ul></div>
				<div class="xia"><ul>
					<li><a href=""><img src="./imge/21dc127c-77ad-48fb-b7c1-bf382a711221.jpg" alt="" class="xf">
							<div class="little_box">
								<p>很不错不错不错1111111111111111111111111</p>
								<p>来自xxxxxxxx用户评价</p>
						</div>
					</li>
					<li><a href=""><img src="./imge/T1Tfd_BjAv1RXrhCrK!220x220.jpg" alt=""><p>小米圈铁耳机Pro</p><span>149元</span></a>
						<div class="little_box">
								<p>很不错不错不错1111111111111111111111111</p>
								<p>来自xxxxxxxx用户评价</p>
						</div>
					</li>
					<li><a href=""><img src="./imge/T1A.A_BKYT1RXrhCrK!220x220.jpg" alt=""><p>小米随身蓝牙音箱</p><span>69元</span></a>
						<div class="little_box">
								<p>很不错不错不错1111111111111111111111111</p>
								<p>来自xxxxxxxx用户评价</p>
						</div>
					</li>
					<li><a href=""><img src="./imge/pms_1481098202.44798045!220x220.jpg" alt=""><p>小米小钢炮蓝牙音箱2</p><span>129元</span></a></li>
					<li class="last1">
					<div class="xia1">
						<div class="xia2"><a href=""><p>小米圈铁耳</p></a><span>99元</span></div>
						<div class="xia3"><a href=""><img src="./imge/T1ycK_BjYv1RXrhCrK.jpg" alt=""></a></div>
					</div>
					<div class="xia1"><a href=""><img src="./imge/LI~89QMOHHN[]1V(MDEJG_K.png" alt=""></a></div>
					</li>
				</ul></div>
			</div>
	<!-- 下半部分脚三结束 -->
	<!-- 下半部分脚四开始 -->
		<div class="footer2">
				<div class="footer1_header">
					<div class="footer1_left">周边</div>
					<div class="footer1_right">
					<a href="">热门</a>
					<a href="">服装</a>
					<a href="">米兔生活</a>
					<a href="">周边箱包</a></div>
				</div>
				<div class="shang"><ul>
					<li><a href=""><img src="./imge/xmad_14869883170854_GMImK.png" alt="" class="sf"></a></li>
					<li><a href=""><img src="./imge/pms_1478510064.36397738!220x220.jpg" alt=""><p> 小米胶囊耳机</p><span> 69元</span></a></li>
					<li><a href=""><img src="./imge/pms_1482301662.61336109!220x220.jpg" alt=""><p> 小米圈铁耳机Pro</p><span> 149元</span></a></li>
					<li><a href=""><img src="./imge/T1SkV_BCd_1RXrhCrK!220x220.jpg" alt=""><p>小米随身蓝牙音箱</p><span>69元</span></a></li>
					<li><a href=""><img src="./imge/T1LqYgBCWv1RXrhCrK!220x220.jpg" alt=""><p>小米小钢炮蓝牙音箱2</p><span>129元</span></a></li>
				</ul></div>
				<div class="xia"><ul>
					<li><a href=""><img src="./imge/21dc127c-77ad-48fb-b7c1-bf382a711221.jpg" alt="" class="xf"></li>
					<li><a href=""><img src="./imge/T1Tfd_BjAv1RXrhCrK!220x220.jpg" alt=""><p>小米圈铁耳机Pro</p><span>149元</span></a></li>
					<li><a href=""><img src="./imge/T1A.A_BKYT1RXrhCrK!220x220.jpg" alt=""><p>小米随身蓝牙音箱</p><span>69元</span></a></li>
					<li><a href=""><img src="./imge/pms_1481098202.44798045!220x220.jpg" alt=""><p>小米小钢炮蓝牙音箱2</p><span>129元</span></a></li>
					<li class="last1">
					<div class="xia1">
						<div class="xia2"><a href=""><p>小米圈铁耳</p></a><span>99元</span></div>
						<div class="xia3"><a href=""><img src="./imge/T1ycK_BjYv1RXrhCrK.jpg" alt=""></a></div>
					</div>
					<div class="xia1"><a href=""><img src="./imge/LI~89QMOHHN[]1V(MDEJG_K.png" alt=""></a></div>
					</li>
				</ul></div>
			</div>
	<!-- 下半部分脚四结束 -->
	
	<!-- 根小米明星单品差不多开始 -->
		<div class="biaoti2">
			<h2>为你推荐</h2>
			<div class="xxx1"><i class="xbs-font"></i></div>
			<div class="xxx2"><i class="xbs-font"></i></div>
        </div>
	<!-- 第四块开始 -->
		<div class="start"><ul class="start_ul2">
			<li class="start_pd1"><a href=""><img src="./imge/17fc57e5-e332-4452-bba4-ef341f6e59fd.png" alt=""><span>小米移动电源2</span></a><p>79元</p></li>
			<li class="start_pd2"><a href=""><img src="./imge/46efda8b-672a-41a0-8ea9-434b746e5c62.jpg" alt=""><span>小米笔记本</span></a><p>2599元</p></li>
			<li class="start_pd3"><a href=""><img src="./imge/74dd9736-f254-4964-a06a-24f0befb21ac.png" alt=""><span>小米电视3s 48英寸</span></a><p>3499元起</p></li>
			<li class="start_pd4"><a href=""><img src="./imge/848def18-47d9-4ca0-8822-c2ac61b83779.png" alt=""><span>米家扫地机器人</span></a><p>1699元</p></li>
			<li class="start_pd5"><a href=""><img src="./imge/0906bec7-68ad-41e9-9617-fb6550725a85.jpg" alt=""><span>米家 LED 智能台灯</span></a><p>169元</p></li>
			<li class="start_pd3"><a href=""><img src="./imge/74dd9736-f254-4964-a06a-24f0befb21ac.png" alt=""><span>小米电视3s 48英寸</span></a><p>3499元起</p></li>
			<li class="start_pd3"><a href=""><img src="./imge/74dd9736-f254-4964-a06a-24f0befb21ac.png" alt=""><span>小米电视3s 48英寸</span></a><p>3499元起</p></li>
			<li class="start_pd3"><a href=""><img src="./imge/74dd9736-f254-4964-a06a-24f0befb21ac.png" alt=""><span>小米电视3s 48英寸</span></a><p>3499元起</p></li>
			<li class="start_pd3"><a href=""><img src="./imge/74dd9736-f254-4964-a06a-24f0befb21ac.png" alt=""><span>小米电视3s 48英寸</span></a><p>3499元起</p></li>
			<li class="start_pd3"><a href=""><img src="./imge/74dd9736-f254-4964-a06a-24f0befb21ac.png" alt=""><span>小米电视3s 48英寸</span></a><p>3499元起5</p></li>
			<li class="start_pd3"><a href=""><img src="./imge/74dd9736-f254-4964-a06a-24f0befb21ac.png" alt=""><span>小米电视3s 48英寸</span></a><p>3499元起</p></li>
			<li class="start_pd3"><a href=""><img src="./imge/74dd9736-f254-4964-a06a-24f0befb21ac.png" alt=""><span>小米电视3s 48英寸</span></a><p>3499元起</p></li>
			<li class="start_pd3"><a href=""><img src="./imge/74dd9736-f254-4964-a06a-24f0befb21ac.png" alt=""><span>小米电视3s 48英寸</span></a><p>3499元起</p></li>
			<li class="start_pd3"><a href=""><img src="./imge/74dd9736-f254-4964-a06a-24f0befb21ac.png" alt=""><span>小米电视3s 48英寸</span></a><p>3499元起</p></li>
			<li class="start_pd3"><a href=""><img src="./imge/74dd9736-f254-4964-a06a-24f0befb21ac.png" alt=""><span>小米电视3s 48英寸66666666</span></a><p>3499元起51</p></li>
		</ul>
	    </div>
	    <!-- 根小米明星单品差不多 结束-->
	    <!-- 热销商品begin -->
	    <div class="hot"><h2>热评产品</h2></div>
	    <ul class="hot_list">
	    	<li class="hot_pro"><a href=""><img src="./imge/3c77fe32-1113-482d-91b1-9c01a079cce6.jpg" alt=""><p>刚收到，外观很漂亮，颜色也很喜欢，等了好长时间了，终于拿到了，非常满意，棒棒哒！！！</p></a><a href="" class="bang">小米笔记本Air 12.5英寸</a><span>3499元</span></li>
	    	<li class="hot_pro"><a href=""><img src="./imge/3c77fe32-1113-482d-91b1-9c01a079cce6.jpg" alt=""><p>刚收到，外观很漂亮，颜色也很喜欢，等了好长时间了，终于拿到了，非常满意，棒棒哒！！！</p></a><a href="" class="bang">小米笔记本Air 12.5英寸</a><span>3499元</span></li>
	    	<li class="hot_pro"><a href=""><img src="./imge/3c77fe32-1113-482d-91b1-9c01a079cce6.jpg" alt=""><p>刚收到，外观很漂亮，颜色也很喜欢，等了好长时间了，终于拿到了，非常满意，棒棒哒！！！</p></a><a href="" class="bang">小米笔记本Air 12.5英寸</a><span>3499元</span></li>
	    	<li class="hot_pro last"><a href=""><img src="./imge/3c77fe32-1113-482d-91b1-9c01a079cce6.jpg" alt=""><p>刚收到，外观很漂亮，颜色也很喜欢，等了好长时间了，终于拿到了，非常满意，棒棒哒！！！</p></a><a href="" class="bang">小米笔记本Air 12.5英寸</a><span>3499元</span></li>
	    </ul>
	    <!-- 热销finsh -->
	<!-- 内容部分开始?\ -->
	<div class="content"><h2>内容</h2></div>
	<ul class="content1">
		<li class="content2">
		<p>图书</p>
		<div class="cont_zi">
			<a href=""><span class="sp1">好吗好的</span><span class="sp2">畅销作家大冰2016年新书！讲给你听，好吗好的！</span><span class="sp3">17.99元</span></a>
			</div>
			<div class="cont_tu"><a href=""><img src="./imge/09a479d5-ea47-4f70-9fe4-c6430b636baf.jpg" alt=""></a>
		</div>

		</li>
		<li class="content2">
			<p>图书</p>
			<div class="cont_zi">
			<a href=""><span class="sp1">好吗好的</span><span class="sp2">畅销作家大冰2016年新书！讲给你听，好吗好的！</span><span class="sp3">17.99元</span></a>
			</div>
			<div class="cont_tu"><a href=""><img src="./imge/09a479d5-ea47-4f70-9fe4-c6430b636baf.jpg" alt=""></a>
		</div>
		</li>
		<li class="content2">
			<p>图书</p>
			<div class="cont_zi">
			<a href=""><span class="sp1">好吗好的</span><span class="sp2">畅销作家大冰2016年新书！讲给你听，好吗好的！</span><span class="sp3">17.99元</span></a>
			</div>
			<div class="cont_tu"><a href=""><img src="./imge/09a479d5-ea47-4f70-9fe4-c6430b636baf.jpg" alt=""></a>
		</div>
		</li>
		<li class="content2 last">
		    <p>图书</p>
			<div class="cont_zi">
			<a href=""><span class="sp1">好吗好的</span><span class="sp2">畅销作家大冰2016年新书！讲给你听，好吗好的！</span><span class="sp3">17.99元</span></a>
			</div>
			<div class="cont_tu"><a href=""><img src="./imge/09a479d5-ea47-4f70-9fe4-c6430b636baf.jpg" alt=""></a>
		</div>
		</li>
	</ul>
	<div class="video_header">
		<h2>视频</h2><div class="vo"><a href="">查看全部</a></div>
	</div>
	<ul class="video">
		<li class="video_list"><a href=""><img src="./imge/xmad_14871526814173_kmTJB.jpg" alt=""><p class="v1">红米Note 4X 环岛挑战</p></a><p class="v2">看看我们关于超长续航的疯狂想法</p></li>
		<li class="video_list"><a href=""><img src="./imge/xmad_14871526814173_kmTJB.jpg" alt=""><p class="v1">红米Note 4X 环岛挑战</p></a><p class="v2">看看我们关于超长续航的疯狂想法</p></li>
		<li class="video_list"><a href=""><img src="./imge/xmad_14871526814173_kmTJB.jpg" alt=""><p class="v1">红米Note 4X 环岛挑战</p></a><p class="v2">看看我们关于超长续航的疯狂想法</p></li>
		<li class="video_list last"><a href=""><img src="./imge/xmad_14871526814173_kmTJB.jpg" alt=""><p class="v1">红米Note 4X 环岛挑战</p></a><p class="v2">看看我们关于超长续航的疯狂想法</p></li>
	</ul>
	<!-- 内容部分结束-->
	<div class="bottom">
		<ul class="bottom_head">
			<li class="bottom_list"><a href=""><span class="ico">&#xe634;</span>预约维修服务</a></li>
			<li class="bottom_list"><a href=""><span class="ico">&#xe635;</span>7天无理由退货</a></li>
			<li class="bottom_list"><a href=""><span class="ico">&#xe636;</span>15天免费换货</a></li>
			<li class="bottom_list"><a href=""><span class="ico">&#xe638;</span>满150元包邮</a></li>
			<li class="bottom_list"><a href=""><span class="ico">&#xe637;</span>520余家售后网点</a></li>
		</ul>
		<div class="bottom_foot">
			<!-- <div class="botttom_left"> -->
			<div class="bottom_left">
					<ul class="left_shang">
					<li class="li">帮助中心</li>
					<li class="li">服务支持</li>
					<li class="li">线下门店</li>
					<li class="li">关于小米</li>
					<li class="li">关注我们</li>
					<li class="li">特色服务</li>
				</ul>
		    <ul class="left_xia">
					<li class="li"><a href="">帮助中心</a></li>
					<li class="li"><a href="">服务支持</a></li>
					<li class="li"><a href="">线下门店</a></li>
					<li class="li"><a href="">关于小米</a></li>
					<li class="li"><a href="">关注我们</a></li>
					<li class="li"><a href="">特色服务</a></li>
					<li class="li"><a href="">特色服务</a></li>
					<li class="li"><a href="">特色服务</a></li>
					<li class="li"><a href="">特色服务</a></li>
					<li class="li"><a href="">特色服务</a></li>
					<li class="li"><a href="">特色服务</a></li>
					<li class="li"><a href="">特色服务</a></li>
					<li class="li"><a href="">特色服务</a></li>
					<li class="li"><a href="">特色服务</a></li>
					<li class="li"><a href="">特色服务</a></li>
					<li class="li"><a href="">特色服务</a></li>
					<li class="li"><a href="">特色服务</a></li>
					<li class="li"><a href="">特色服务</a></li>
		       </ul>
			</div>
			<div class="bottom_right">
				<ul>
					<li class="rr5">400-100-5678</li>
					<li class="rr2">周一至周日 8:00-18:00</li>
					<li class="rr2">（仅收市话费）</li>
					<li class="rr3"><a href="">24小时在线客服</a></li>
				</ul>
			</div>
		</div>
			</div>
	<div class="last_one">
		<div class="last_mid">
			<div class="mid_left"><img src="./imge/logo.png" alt=""></div>
			<div class="mid_mid">
				<a href="">小米商城</a>
				<span>|</span>
				<a href="">MIUI</a>
				<span>|</span>
				<a href="">米聊</a>
				<span>|</span>
				<a href="">游戏</a>
				<span>|</span>
				<a href="">多看阅读</a>
				<span>|</span>
				<a href="">云服务</a>
				<span>|</span>
				<a href="">金融</a>
				<span>|</span>
				<a href="">小米商城移动版</a>
				<span>|</span>
				<a href="">问题反馈</a>
				<span>|</span>
				<a href="">Select Region</a>
				<span>|</span>
			<div class="ll">
				<a href="">©mi.com</a>
				<span>京ICP证110507号</span>
				<a href="">京ICP备10046444号</a>
				<a href="">京公网安备11010802020134号</a>
				<a href="">京网文[2014]0059-0009号</a>
			</div>
			<div class="ll"><p>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p></div>
			</div>
			<div class="mid_right1">
			<a href=""><img src="./imge/truste.png" alt=""></a>
			<a href=""><img src="./imge/truste.png" alt=""></a>
			<a href=""><img src="./imge/truste.png" alt=""></a>
			<a href=""><img src="./imge/truste.png" alt=""></a>
			</div>
		</div>
	</div>
	</div>
	
</body>
</html>